{% extends 'theme/jindong/template/master.html' %}

{% block title %}
{{item.title}} - 
{% endblock %}

{% block body_id %}tuan{% endblock %}

{% block head_soruce %}
<link type="text/css" rel="stylesheet" href="/static/theme/jindong/css/tuan.css" />
<style type="text/css" rel="stylesheet" >
.imgStyle{
border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px;
}
</style>
{% endblock %}

{% block main_content %}
{%if tuan%}
	<div id="name" pshowskuid="361646" serviceagentid="1319,1525,1545,2363">
		<h1>{{tuan.item.title}}</h1>
	</div>
	<div id="preview">
		<div id="spec-n1" class="jqzoom" >
		<img src="/static/productimgs/{{tuan.item.homeimage.thumburl}}" width="350" height="350" alt="" jqimg="/static/productimgs/{{tuan.item.homeimage.originalurl}}">
		</div>
		
		<div id="spec-n5">
			<div class="control" id="spec-left"></div>
			<div class="control" id="spec-right"></div>
			<div id="spec-list">
				<ul class="list-h" style="width: 180px; overflow-x: hidden; overflow-y: hidden; ">
					{%for img in itemimages %}
						<li>
							<img src="/static/productimgs/{{img.thumburl}}" width="50" height="50" alt="{{tuan.item.title}}" name="/static/productimgs/{{img.originalurl}}" class="imgStyle">
						</li>
					{%endfor%}
				</ul>
			</div>
		</div>
	</div><!-- end preview -->
	<ul id="summary" >
		<li>
			<div class="fl">{{tuan.tuan_context}}</div>
		</li>
	</ul>
	<script type="text/javascript" src="/static/theme/jindong/js/detail.js"></script>

{%else%}
	<div>商品不存在</div>
{%endif%}
{% endblock %}
{% block right_content %}
<div class="m limitbuy hide" id="limitbuy538" clstag="homepage|keycount|homepage|limitbuy538" style="display: block; ">
	<div class="mt">
		<h2>
			推荐商品
		</h2>
	</div>
	<div class="mc">
		<div id="limit538">
			<ul>
			{%for hot in hots%}
				<li>
					<div class="p-img">
						<a href="{%url product-detail-info hot.item.id %}" target="_blank">
							<img src="/static/productimgs/{{hot.item.homeimage.thumburl}}" width="100" height="100">
						</a>
					</div>
					<div class="p-name">
						<a href="{%url product-detail-info hot.item.id %}" target="_blank">
							{{hot.item.title}}
							<font color="#ff6600">
							</font>
						</a>
					<div>
							<a href="{%url item-tuan-list hot.item.id %}">查看团购信息</a>
						</div>
					</div>
					<div class="p-price">
						零售价：
						<strong>
							￥{{hot.item.price}}
						</strong>
					</div>
				</li>
			{%endfor%}
			</ul>
		</div>
	</div>
</div>
{% endblock %}